@charset "utf-8";

/*global css*/
* {font-family:"微软雅黑";-webkit-text-size-adjust:none;}
td, th, div, input, select, textarea, li, ol, dt, dd, h1, h2, h3, h4, h5, h6 {font-size:12px;color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}li {list-style-type:none;}
img {border:none; max-width:100%; max-height:100%;}
.line {border-bottom:1px dashed #ccc;height:1px;overflow:hidden;}
.border {border:1px solid #ccc;}
/*a*/
a{color:#333; text-decoration:none; outline:none;}
a:hover{}
a.red{color:red;}
a.red:hover{color:red;}

/*general*/
.wrap{ width:1200px; margin:0 auto;}
#w1000 .wrap{ width:1000px;}
.min{ min-width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.icons{ position:relative;}
.icons i{ position:absolute; display:inline-block;}
.delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.delay1{ -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.delay2{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.t{ font-size:26px;}
.st{ font-size:18px; color:#535353;}
.page{ min-height:500px;}
.txC{ text-align:center;}
#top {
    line-height: 34px;
    height: 34px;
    width: 100%;
    background: #1e283a;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    font-size: 14px;
}
#top .wrap .fr span{color: #fff; font-size: 14px;}
#top #language .lang_btn {
    width: 11px;
    background: url('../images/lang_btn.png') no-repeat center;
}
#language {
    width: 108px;
    height: 100%;
    margin-right: 3px;
    cursor: pointer;
    position: relative;
}
#language .lang_text {
    width: 72px;
    font-size: 14px;
    /*color: #00004e;*/
    text-align: center;
}
#language span {
    float: left;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}
#language .lang {
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    width: 100%;
    background: #fff;
    border: 1px solid #999;
    z-index: 10;
}
#language .lang a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #00004e;
    text-align: center;
}
/*header*/
#header_mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:url(/images/mask_index.png); display:none !important;}
#header{ width:100%; position:fixed; top:34px; left:0; background:#fff; z-index:5;border-bottom: 1px solid #e5e5e5;}
#header .wrap{ height:96px;}
#header .wrap.header_abs{height: 60px;}
.header_fill{height: 131px;}
#header .logo{ height:56px;margin: 20px 0;}
#header .bot{margin-top: 23px;}
#header .tel{ overflow: hidden; font-size:24px; color:#46b2f2; height:50px; line-height:50px;margin-left: 30px; padding-left:35px;white-space: nowrap; position:relative; overflow:hidden;font-weight: bold;}
#header .tel i{ width:24px; height:24px; left:0; top:13px; background:url(/images/icon_tel.png) no-repeat; }
/*#header .tel:hover{width: 162px;padding-left: 40px;}*/
#header .nav{float: left;height: 50px;}
#header .nav li{ float:left; margin:0 15px; position:relative;}
#header .nav li.clear{ clear:both;}
#header .nav li>a{ height:50px; line-height:50px; font-size:16px; display:inline-block; padding:0 10px 23px;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-sizing: content-box;}
#header .nav li>a.sec i{ display: none;width:8px; height:4px; right:0; top:24px; background:url(/images/icons.png) no-repeat; background-position:-35px -163px;}
#header .nav li:hover>a{ color:#46b2f2; text-decoration:none; background-color: transparent}
#header .nav li>a.cur{ color:#46b2f2; text-decoration:none;}
#header .nav li dl{ width:185px; position:absolute; left: 0;margin-left: -3px; top:100%; background:#1a1f1e; padding:0;height: 0;overflow: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s; box-sizing: content-box;}
#header .nav li dd{ height:39px; line-height:39px; overflow:hidden; padding:0 0 0 20px;}
#header .nav li dd a{ font-size:14px; color:#cbcbcb;}
#header .nav li dd a:hover{ text-decoration:none; color:#00b49d;}

#header .header_abs .logo{height: 36px;margin: 12px 0;}
#header .header_abs .bot{margin-top: 15px;}
#header .header_abs .tel{height: 30px;line-height: 30px;}
#header .header_abs .tel i{top: 3px;}
#header .header_abs .nav{height: 30px;}
#header .header_abs .nav li>a{height: 30px;line-height: 30px;padding-bottom: 15px;}

/* 5. SLIDER */

#slider{
	/*margin-top: 80px;*/
}
#slider h1,h2,p{
	color: #fff;
}

#home-carousel  .item {
	background-position: center top;
	background-repeat: no-repeat;
	background-size:cover;
	width:100%;
	height: 650px;
}

#home-carousel .item:before{
	background-color: #000;
	content: "";
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.5;
	position: absolute;
	width: 100%;
}

.carousel-caption {
	left: 15px;
	right: 15px;
	top: 50%;
	font-size: 15px;
	text-align: left;
	color: #fff;
	text-shadow: none;
	margin-top: -130px;	
}

.carousel-caption h1 {
	font-size:46px;
	margin-bottom:0;
	line-height:27px;
	letter-spacing:2px;
	font-weight:100;
}

.carousel-caption h2 {
	font-size:81px;
	font-weight:600;
	margin-top:0px;
	text-transform:lowercase;
	letter-spacing:2px;
	margin-bottom:20px;
}

.home-carousel-left, 
.home-carousel-right {	
	background-color: #f0f0f0;
	color:#000;
	font-size: 32px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 32px;
	z-index: 999;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	-ms-transition: 300ms;
	transition: 300ms;
}

.home-carousel-left {
	left:-32px;
}

.home-carousel-right {
	right:-32px;
}

#home-carousel:hover .home-carousel-left {
	left:0;
}

#home-carousel:hover .home-carousel-right {
	right:0;
}
/* Carousel animation */

#home-carousel .item h1, 
#home-carousel .item h2, 
#home-carousel .item p {
	opacity:0;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

#home-carousel .item h1 {
	-webkit-transition: all 0.5s ease-in-out 0.15s;
	-moz-transition: all 0.5s ease-in-out 0.15s;
	-ms-transition: all 0.5s ease-in-out 0.15s;
	-o-transition: all 0.5s ease-in-out 0.15s;
	transition: all 0.5s ease-in-out 0.15s;
}

#home-carousel .item.active h1, 
#home-carousel .item.active h2, 
#home-carousel .item.active p {
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#home-carousel .item h2 {
	-webkit-transition: all 0.5s ease-in-out 0.30s;
	-moz-transition: all 0.5s ease-in-out 0.30s;
	-ms-transition: all 0.5s ease-in-out 0.30s;
	-o-transition: all 0.5s ease-in-out 0.30s;
	transition: all 0.5s ease-in-out 0.30s;
}

#home-carousel .item p {
	-webkit-transition: all 0.5s ease-in-out 0.45s;
	-moz-transition: all 0.5s ease-in-out 0.45s;
	-ms-transition: all 0.5s ease-in-out 0.45s;
	-o-transition: all 0.5s ease-in-out 0.45s;
	transition: all 0.5s ease-in-out 0.45s;
}

/* 7. OUR WORKS */

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

#our-works{
	padding-top: 130px;
	padding-bottom: 120px;
}
#our-works h1{
	font-size: 36px;
}

.portfolio-wrapper ul.filter{
	list-style: none;
	padding: 0;
	margin-bottom: 35px;
	margin-top: 28px;
	overflow: hidden;
}

.portfolio-wrapper ul.filter li{
	float: left;
	text-transform: uppercase;
	margin-right: 25px;
	font-weight: 600;
}

.portfolio-wrapper ul.filter li a{
	color: #909090;
}

.portfolio-wrapper ul.filter li a:hover,
.portfolio-wrapper ul.filter li a.active{
	color: #000;
}

.portfolio-wrapper .portfolio-items{
	clear: both;
}

.portfolio-wrapper .portfolio-content{
	position: relative;
	margin-bottom: 30px;
    box-shadow: 3px 3px 5px #ccc;
}

.portfolio-wrapper .portfolio-overlay{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.portfolio-wrapper .portfolio-content:hover .portfolio-overlay{
	opacity: 1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.portfolio-wrapper .portfolio-overlay a{
	color: #fff;
	font-size: 35px;
}
.portfolio-wrapper .portfolio-overlay a:hover{
	color: #fff;
}
.section-title{
		margin-bottom: 50px;
}

.st-border{
		width: 140px;
		height: 2px;
		display: block;
		background-color: #000;
		margin-top: 8px;

}

/*简介*/
.content-box.boxstyle-2 {
    background: #F1F3F5;
}
.content-box .wrap-box {
    padding: 70px 60px;
    position: relative;
}
.content-box .row{
	margin: 0;
}
.wrap-col {
    margin: 10px;
}
p, address {
    margin: 15px 0;
    color: #8a8c8e;
    font-size: 14px;
}

/*FOOTER*/
#footer{
	/*margin-top: 40px;*/
    width: 100%;
    padding: 40px 0;
    float: left;
    position: relative;
    background: #333942;
    height: auto;
    color: #7e8793;
}
#footer h4 {
    font-size: 16px;
    color: #FFF;
    font-family: "Microsoft Yahei", Arial, Verdana;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 22px;
}
/*COPYRIGHT*/
#copyright{
	width: 100%;
    padding: 30px 0 10px 0;
    float: left;
    position: relative;
    background: #292f38;
    height: auto;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.10);
}


/*关于单页模板*/
.list_content
{

}
.leftside{
	position: relative;
	margin-top: -30px;
	width: 240px;
}
.lefttitle{
	position: relative;
    padding: 38px 10px;
    color: white;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/lefttitlebg.png) no-repeat center;
}
.lefttitle span {
    display: block;
    overflow: hidden;
    height: 29px;
    line-height: 29px;
    color: white;
    text-align: center;
}
.leftmenu {
    padding: 35px 0 33px;
    margin-top: -19px;
    border-left: 4px solid #ededed;
}
.sideMenu{}
.sideMenu h3{ height:38px; line-height:38px; padding-left:20px;  cursor:pointer;
	font:normal 14px/32px "Microsoft YaHei"; color: #333;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(../images/default.png) center center no-repeat; cursor:pointer; }
/*.sideMenu h3 em{ background:url(../images/cur.png) center center no-repeat; }*/
.sideMenu h3 .thisclass:before{
	/*//display: none;*/
    content: '';
    position: absolute;
    z-index: 1;
    width: 4px;
    height: 38px;
    /*top: 0;*/
    left: 0;
    background: #0267c3;
}
.sideMenu h3 a{
    display: block;
    width: 100%;
}
.sideMenu ul{ padding:0px 25px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul li a{
	position: relative;
    display: block;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    margin: 0 0px 0 16px;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    /*text-indent: 24px;*/
}
.rightside{
	width: 900px;
	margin-top: 35px;
}

.desc_text {
    line-height: 180%;
    min-height: 300px;
    padding: 10px 0;
}
.desc_text #lib_info_detail h1{
	font-size: 24px;
    text-align: center;
    font-weight: 500;
    padding: 8px 12px;
    line-height: 60px;
    border-bottom: 1px dashed #ccc;
}
.desc_text #lib_info_detail .contents{
	margin-top: 20px;
}
#global_editor_contents{
	font-size: 14px !important;
}

/*list-article*/
.info_list_0 .item {
    margin-bottom: 29px;
    padding-bottom: 29px;
    border-bottom: 1px solid #e5e5e5;
}
.clean:after, .clean:before {
    content: '';
    display: table;
}
.clean:after {
    clear: both;
}
.info_list_0 .item .img {
    width: 31.8%;
}
.pic_box em {
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}
.info_list_0 .item .ir {
    width: 66%;
}
.info_list_0 .item .ir .name {
    max-height: 50px;
    overflow: hidden;
    line-height: 25px;
    padding-bottom: 5px;
    
}
.info_list_0 .item .ir .name a{
	font-weight: 300;
	text-decoration: none;
    font-size: 18px;
}
.info_list_0 .item .ir .brief {
    font-size: 14px;
    color: #999;
    line-height: 19px;
    max-height: 57px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 5px;
}
.info_list_0 .item .ir .more {
    border-left: 1px solid #eee;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    margin-left: 1%;
    padding-left: 3%;
}
.info_list_0 .item .ir .more a {
    color: #999;
    font-size: 14px;
}
.info_list_0 .item .ir .time {
    font-size: 14px;
    color: #999;
    line-height: 20px;
}
/*list-image*/
.prolist .item{width:266px;padding-bottom: 8px; margin:0 4px 15px;border:1px solid #e5e5e5;border-radius: 3px;}
.prolist .item .img{height:266px; overflow: hidden;text-align:center;}
.prolist .item .info{width:90%; margin:0 auto;}
.prolist .item .name{display: block;height: 32px;overflow: hidden;line-height:32px;color: #000;}
.prolist .item .name a{display: block;font-size:14px; text-decoration:none;}
.prolist .item .brief{line-height:20px; color:#999;margin-bottom: 10px; font-size:14px; max-height:40px; overflow:hidden;}
.prolist .item .price{line-height:18px; font-size:14px; margin-bottom:10px; color:#0266c3;}
.prolist .item:hover{box-shadow:0 1px 6px #ccc; }
.prolist .item:hover .name a{color:#0266c3;}
.prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.trans5 {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.beian{
    text-align: center;
    color: #848990;
    font-size: 12px;
    margin-bottom: 10px;
}
.one-third{
    width: 31.86%;
    float: left;
    position: relative;
    margin-right: 2.21%;
}

.one-third:last-child {
    margin-right: 0!important;
}
.flickr-widget ul{
    float: left;
    list-style: none;
}
.flickr-widget ul li{
    float: left;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 7px;
    width: auto;
}
.flickr-widget ul li a{
    font-size: 12px;
    font-family: 'Microsoft YaHei', serif;
    padding: 4px 8px;
    background-color: #666;
    color: #d6d6d6;
    border-radius: 3px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    text-decoration: none;
}
.flickr-widget ul li a:hover{
    background: #aab2bd !important;
    color: #333 !important;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    text-decoration: none;
}

#lib_info_detail .contents h1{
    border-bottom: none;
    /* float: none; */
    text-align: left;
    padding: 0px 0;
}
.portfolio-items h5{
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
}